const path = require('path');
const HtmlWebpackPlugin = require("html-webpack-plugin");
module.exports = {
    // 入口配置
    entry: "./src/entryFile.js",
    // mode:"production | development";
    //  - production 生产模式  代码会压缩和混淆
    //  - development 开发模式 代码不会压缩和混淆
    mode: "development",
    // 在production 模式下 设置 devtool 可以溯源代码位置；development下自带溯源功能，且也可以再设置一下，无大所谓
    devtool: "source-map",
    output: {
        // 设置编译后放入指定文件夹
        path: path.resolve(__dirname, "./dist/javaScripts"),
        // 编译后指定文件名
        filename: "index.js",
    },
    module: {
        rules: [
            {
                // test 表示正则
                test: /\.css$/,
                use: [
                    "style-loader",
                    "css-loader",
                ]
            },
            {
                test: /\.scss$/,
                use: [
                    "style-loader",
                    "css-loader",
                    "sass-loader",
                ]
            }
        ]
    },
    // Plugins: [new HtmlWebpackPlugin(
    //     {
    //         template: './src/home.html',//入口文件
    //         filename: 'home.html',//产出文件
    //     }
    // )]
    plugins : [ 
        new HtmlWebpackPlugin(
            {   
                // 配置生成的html结构的title名称;
                title : "my index",
                // 配置html结构的模板 ; 
                template : "./src/index/index.html",
                // 控制script代码插入的位置 
                inject : 'body'
            }
        ) 
    ] ,
}